<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>安伴校园 | {{.title}}</title>
    <link rel="stylesheet" href="/static/front/css/main.css">
    <link rel="stylesheet" href="/static/front/css/button.css">
    <link rel="stylesheet" href="/static/front/css/page-main.css">

    <style type="text/css">
        .page-my-wallet {
            padding: 24px 40px 100px;
        }

        .page-my-wallet-header .icon {
            width: 64px;
            height: 64px;
            background: #ffffff;
            border-radius: 100%;
            margin: 0 auto 40px;
        }

        .page-my-wallet-header .icon img {
            width: 22px;
            height: 30px;
        }

        .page-my-wallet-header .money {
            font-size: 55px;
            margin-bottom: 40px;
        }

        .page-my-wallet-header .money span {
            position: relative;
        }

        .page-my-wallet-header .money span::before {
            position: absolute;
            width: 15px;
            height: 21px;
            background-image: url();
            background-size: cover;
            top: -5px;
            left: -14px;
            content: "";
        }

        .page-my-wallet-body {
            margin-top: 60px;
        }

        .page-my-wallet-body .record-item {
            background-color: #fff;
            border-radius: 9px;
            padding: 15px 14px;
        }

        .page-my-wallet-body .record-item .split-line {
            width: 100%;
            height: 2px;
            background: #fec301;
            -webkit-box-shadow: 1px 3px 9px 0px rgba(202, 202, 202, 0.71);
            box-shadow: 1px 3px 9px 0px rgba(202, 202, 202, 0.71);
            border-radius: 1px;
            margin: 8px auto 6px;
        }

        .page-my-wallet-body .record-item .record-time {
            color: #757573;
        }
    </style>
</head>

<body>
<div class="page-main">
    <div class="page-main-container">
        <div class="child-view page-my-wallet">
            <div class="ui-text-center page-my-wallet-header">
                <div flex="main:center cross:center" class="icon">
                    <img src="" alt="">
                </div>
                <div class="my-money ui-text-18 ui-mg-b-24">我的零钱</div>
                <div class="money"><span>{{.userInfo.WithdrawMoney | printf "%.2f"}}</span></div>
                <div class="m-button m-button-default" onclick="location.href='{{urlfor "teacher.UserController.Withdraw"}}';"
                     style="width: 110px; background-color: rgb(254, 201, 1); color: rgb(59, 44, 14);">提现
                </div>
            </div>
            <div class="page-my-wallet-body">
                <div class="title ui-text-20 ui-pd-l-17">转账记录</div>
                <div class="record-list">
                    <div class="record-item ui-mg-t-14">
                        <div flex="main:justify" class="top ui-text-16">
                            <div class="recorder">李昌镐妈妈</div>
                            <div class="record-number">+10元</div>
                        </div>
                        <div class="split-line"></div>
                        <div class="record-time ui-text-right ui-text-10">2019.2.13</div>
                    </div>
                    <div class="record-item ui-mg-t-14">
                        <div flex="main:justify" class="top ui-text-16">
                            <div class="recorder">李昌镐妈妈</div>
                            <div class="record-number">+10元</div>
                        </div>
                        <div class="split-line"></div>
                        <div class="record-time ui-text-right ui-text-10">2019.2.13</div>
                    </div>
                    <div class="record-item ui-mg-t-14">
                        <div flex="main:justify" class="top ui-text-16">
                            <div class="recorder">李昌镐妈妈</div>
                            <div class="record-number">+10元</div>
                        </div>
                        <div class="split-line"></div>
                        <div class="record-time ui-text-right ui-text-10">2019.2.13</div>
                    </div>
                    <div class="record-item ui-mg-t-14">
                        <div flex="main:justify" class="top ui-text-16">
                            <div class="recorder">李昌镐妈妈</div>
                            <div class="record-number">+10元</div>
                        </div>
                        <div class="split-line"></div>
                        <div class="record-time ui-text-right ui-text-10">2019.2.13</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>